<script setup>
defineProps({
  item: Object
})
</script>
<template>
  <div class="common-layout">
    <h1>{{ item.value }}个</h1>
    <div style="margin: 10px 0;color: #666;display: flex;align-items: center;">
      <el-icon style="color: #36ad6a;font-size: 24px;">
        <component :is="item.meta.icon"></component>
      </el-icon>
      <p style="margin-left: 10px;">{{ item.meta.title }}</p>
    </div>
    <span>较上周{{ (Math.random() * 100).toFixed(2) }}%</span>
  </div>
</template>
<style scoped lang="scss">
.common-layout {
  padding: 15px 20px;
  background-color: #fff;
  border-radius: 8px;

  h1 {
    font-size: 26px;
  }

  span {
    color: #f56c6c;
    font-size: 14px;
  }
}
</style>
